<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!-- 这个没有使用了，用来下面这个 -->
<head th:fragment="head(title)">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title th:replace="${title}">AdminLTE 2 | Starter</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="/jslib/adminlte/bower_components/bootstrap/dist/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/jslib/adminlte/bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="/jslib/adminlte/bower_components/Ionicons/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="/jslib/adminlte/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect. -->
  <link rel="stylesheet" href="/jslib/adminlte/dist/css/skins/skin-blue.min.css">
</head>


<th:block th:fragment="headblock(title)">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="icon" href="/jslib/images/favicon.ico" />
  <link rel="shortcut icon" href="/jslib/images/favicon.ico" />
  <link rel="shortcut icon" href="/jslib/images/favicon.ico" type="image/x-icon"/>
  
  <title th:text="${title}">AdminLTE 2 | Starter</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="/jslib/adminlte/bower_components/bootstrap/dist/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/jslib/adminlte/bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="/jslib/adminlte/bower_components/Ionicons/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="/jslib/adminlte/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect. -->
  <link rel="stylesheet" href="/jslib/adminlte/dist/css/skins/skin-blue.min.css">
</th:block>


<header th:fragment="main-header" class="main-header">
    <a href="index2.html" class="logo">
      <span class="logo-mini">Mon</span>
      <span class="logo-lg"><b>Mon</b>itor</span>
    </a>
    <nav class="navbar navbar-static-top" role="navigation">
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
		<ul class="nav navbar-nav">
			<li class="dropdown">
				<a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
					操作
					<span class="caret"></span>
				</a>
				<ul class="dropdown-menu" role="menu">
					<!-- <li id="updatePwd"><a href="javascript:">修改密码</a></li> -->
					<li id="logoutBtn"><a href="javascript:logout()">注销</a></li>
				</ul>
			</li>
		</ul>
	  </div>
      <!-- 
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">     
			<li class="dropdown">
				<a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
					欢迎 admin
					<span class="caret"></span>
				</a>
				<ul class="dropdown-menu" role="menu">
					<li id="updatePwd"><a href="javascript:">修改密码</a></li>
					<li id="logoutBtn"><a href="javascript:">注销</a></li>
				</ul>
			</li>
          
        </ul>
      </div>
       -->
    </nav>
</header>


<aside th:fragment="main-sidebar" class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- Sidebar Menu -->
      <ul class="sidebar-menu" data-widget="tree">
        <li class="header">导航菜单</li>
        <!-- Optionally, you can add icons to the links -->
        <li><a href="/admin/index.html"><i class="fa  fa-clone"></i> <span>首页</span></a></li>
        <li><a href="/admin/dashboard.html"><i class="fa fa-desktop"></i> <span>控制面板</span></a></li>
        <li class="treeview">
          <a href="#"><i class="fa fa-link"></i> <span>系统管理</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="#"><i class="fa fa-link"></i> <span>系统设置</span></a></li>
            <li><a href="#"><i class="fa fa-link"></i> <span>用户管理</span></a></li>
            <li><a href="#"><i class="fa fa-link"></i> <span>角色管理</span></a></li>
            <li><a href="#"><i class="fa fa-link"></i> <span>权限管理</span></a></li>
          </ul>
        </li>
        <!-- 
		<li class="treeview">
          <a href="#"><i class="fa fa-link"></i> <span>用户管理</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="#"><i class="fa fa-link"></i> <span>用户管理</span></a></li>
            <li><a href="/starter03.html"><i class="fa fa-link"></i> <span>角色管理</span></a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#"><i class="fa fa-link"></i> <span>权限管理</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="/starter02.html"><i class="fa fa-link"></i> <span>菜单管理</span></a></li>
            <li><a href="#"><i class="fa fa-link"></i> <span>权限管理</span></a></li>
          </ul>
        </li>
        -->
      </ul>
      <!-- /.sidebar-menu -->
    </section>
<!-- /.sidebar -->
</aside>


<section th:fragment="content-header" class="content-header">
  <h1>
    Page Header
    <small>Optional description</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
    <li class="active">Here</li>
  </ol>
</section>


<footer th:fragment="main-footer" class="main-footer">
  <!-- To the right -->
  <div class="pull-right hidden-xs">
    Anything you want
  </div>
  <!-- Default to the left -->
  <strong>Copyright &copy; 2020 <a href="#">Company</a>.</strong> All rights reserved.
</footer>


<th:block th:fragment="commonfooterjs">
<!-- jQuery 3 -->
<script src="/jslib/adminlte/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/jslib/adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="/jslib/adminlte/dist/js/adminlte.min.js"></script>
<!-- common.js -->
<script type="text/javascript" src="/jslib/js/common.js"></script>
</th:block>